<!DOCTYPE html>
<html lang="en">
<head>
<title>漂亮的响应式Bootstrap后台管理系统模板MatAdmin</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="/css/bootstrap.min.css" />
<link rel="stylesheet" href="/css/bootstrap-responsive.min.css" />
<link rel="stylesheet" href="/css/fullcalendar.css" />
<link rel="stylesheet" href="/css/matrix-style.css" />
<link rel="stylesheet" href="/css/matrix-media.css" />
<link href="/font-awesome/css/font-awesome.css" rel="stylesheet" />
<link rel="stylesheet" href="/css/jquery.gritter.css" />
</head>
<body>

<div id="header">
  <h1><a href="dashboard.html">MatAdmin</a></h1>
</div>
<div id="user-nav" class="navbar navbar-inverse"></div>
<div id="sidebar"></div>

<div class="row-fluid">
	<div id="content">
	<!--breadcrumbs-->
	  <div id="content-header">
	    <div id="breadcrumb">
			<a href="index.html" title="Go to Home" class="tip-bottom"><i class="icon-home"></i>首页</a>
			<a href="mygroup.html" class="current">我的课题组</a>
			<a href="createprojectgroup.html" class="current">创建课题组</a>
			<h1>创建课题组</h1>
			<hr>
		</div>
	  </div>
	  
	  <div style="margin-left: 100px; margin-top: 20px; margin-right: 300px;">
		  <div class="widget-box">
		    <div class="widget-title"> <span class="icon"> <i class="icon-align-justify"></i> </span>
		      <h5>创建课题组</h5>
		    </div>
		    <div class="widget-content nopadding">
		      <form action="" method="get" class="form-horizontal">
		        <div class="control-group">
		          <label class="control-label">课题组名称</label>
		          <div class="controls">
		            <input type="text" class="span11" placeholder="课题组名称" />
		          </div>
		        </div>
				<div class="control-group">
				  <label class="control-label">课题组标签</label>
				  <div class="controls">
				    <div id="projectGroupTag" class="xm-select-demo span11" style="margin-bottom: 10px;"></div>
				  </div>
				</div>
		       
		        <div class="control-group">
		          <label class="control-label">项目简介</label>
		          <div class="controls">
					<textarea class="span11"></textarea>
		            <span class="help-block">项目简介</span> </div>
		        </div>
		        
		        <div class="form-actions">
		          <button id="createProjectGroupBtn" type="submit" class="btn btn-success">创建</button>
		        </div>
		      </form>
		    </div>
		  </div>
		  
	  </div>
	</div>
	 
	 <div id="footer" class="span12"></div>
</div>

<!--end-Footer-part-->

<script src="/js/excanvas.min.js"></script>
<script src="/js/jquery.min.js"></script>
<script src="/js/jquery.ui.custom.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/jquery.flot.min.js"></script>
<script src="/js/jquery.flot.resize.min.js"></script>
<script src="/js/jquery.peity.min.js"></script>
<script src="/js/fullcalendar.min.js"></script>
<script src="/js/matrix.js"></script>
<script src="/js/matrix.dashboard.js"></script>
<script src="/js/jquery.gritter.min.js"></script>
<script src="/js/matrix.interface.js"></script>
<script src="/js/matrix.chat.js"></script>
<script src="/js/jquery.validate.js"></script>
<script src="/js/matrix.form_validation.js"></script>
<script src="/js/jquery.wizard.js"></script>
<script src="/js/jquery.uniform.js"></script>
<script src="/js/select2.min.js"></script>
<script src="/js/matrix.popover.js"></script>
<script src="/js/jquery.dataTables.min.js"></script>
<script src="/js/matrix.tables.js"></script>
<script src="../js/xm-select.js"></script> 

<script type="text/javascript">
	
	$("#footer").load("common/footer.html");
	$("#sidebar").load("common/sidebar.html");
	$("#user-nav").load("common/usernav.html");
   
    let projectGroupTag = xmSelect.render({
    	el: '#projectGroupTag', 
    	language: 'zn',
    	data: [
    		{name: 'Java', value: 1},
    		{name: 'Neo4j', value: 2},
    		{name: '工业', value: 3},
    	]
    })
   
	function goPage (newURL) {
		// if url is empty, skip the menu dividers and reset the menu selection to default
		if (newURL != "") {
		   // if url is "-", it is this page -- reset the menu:
		   if (newURL == "-" ) {
			   resetMenu();            
		   } 
		   // else, send page to designated URL            
		   else {  
			 document.location.href = newURL;
		   }
		}
	}

	function resetMenu() {
		document.gomenu.selector.selectedIndex = 2;
	}
</script>
</body>
</html>
